<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS</title>
    <!-- style标签里写的是css代码 -->
    <!-- <style>
        div {
            font-size: 50px;
            color: green;
        }
        </style> -->

        <!-- <link rel="stylesheet" href = "style.css"> -->
</head>
<body>
   <div>hello</div>
   <h2>hh<h2>

    <!-- <style>
         * {
            color: red;
         }
        </style> -->
    <!-- <div>
        hello
    </div> -->
    <!-- <div style="color: blueviolet; font-size: 200px;">hello</div> -->
    <!-- <div class="one">
        123456
        </div>
        <div id = "mydiv">11111</div> -->
        <!-- <div class="one">
            <h3>hello</h3>
        </div>
        <div class="two">
            <h3>world</h3>
        </div> -->

        <!-- <div class="one">hello1</div>
        <div class="two">hello2</div>'
        <div class="three">hello3</div>
        <div class="four">这是一个圆角矩形</div>


     <style>
     
        /* .one {
            font-size: 200px;
            color: brown;
        }
        #mydiv {
            color: aqua;
        } */
         /* 背景相关 */
         .four {
            width: 600px;
            height: 300px;
            background-color: gray;
            border-radius: 50px;
            text-align: center;
         }
         .three {
            font-size: 100px;
            background-color: #ff0000;
            width: 600px;
            height: 300px;
            background-image: url(dog.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 600px,300px;

         }

         /* 文本相关 */

         
         .two {
            font-size: 100px;
            /* 文本颜色 */
            color: #ff0000;
            /* 文本对齐 左对齐left 右对齐right 居中对齐center */
            text-align: center;
            /* 文本装饰 加个下划线等 */
            text-decoration: underline;
            /* 文本缩进 首行缩进多少空间 */
            text-indent: 20px;
            /* 行高 行间距*/
            line-height: 100px;
         }


         /* 字体相关 */
         <!-- .one {
            /*字体家族*/
            font-family: '宋体';
            /*字体大小*/
            font-size: 100px;
           /*字体粗细*/
            font-weight: 900;
             /*设置文字倾斜*/
            font-style: italic;
         } -->
     </style> -->
    
</body>
</html>